import standard from "../../../assets/chatContent/1.webp";
import zhonlian from "../../../assets/chatContent/2.webp";
import project from "../../../assets/chatContent/3.webp";
import scie from "../../../assets/chatContent/4.webp";
import "./index.css";
const ChatContent = () => {
  return (
    <div className="font-bold text-4xl text-white text-center mb-44">
      <div>你好，桂圆</div>
      <div className="mt-3">我是你的AI工作助理</div>
      <div className="text-sm mt-2.5 font-normal opacity-80">
        我可以帮你读文件、翻译、写作各种创意内容，请把你的任务交给我吧
      </div>
      <div className="mt-16">
        <div className="flex gap-4">
          <div className="AIcard flex-1 rounded-xl border border-re-black p-3 flex">
            <img src={scie} className="w-11 h-11 mr-1.5" alt="" />
            <div className="ml-2 text-sm text-left">
              <div>规范问答</div>
              <div className="text-xs mt-0.5 opacity-50">
                数万份规范可查询问答
              </div>
            </div>
          </div>
          <div className="AIcard flex-1 rounded-xl border border-re-black p-3 flex">
            <img src={standard} className="w-11 h-11 mr-1.5" alt="" />
            <div className="ml-2 text-sm text-left">
              <div>中联建筑效果图设计平台</div>
              <div className="text-xs mt-0.5 opacity-50">
                集成公司级AIGC应用平台，实现建筑方案...
              </div>
            </div>
          </div>
        </div>
        <div className="flex gap-4 mt-2.5">
          <div className="AIcard flex-1 rounded-xl border border-re-black p-3 flex">
            <img src={zhonlian} className="w-11 h-11 mr-1.5" alt="" />
            <div className="ml-2 text-sm text-left">
              <div>项目案例</div>
              <div className="text-xs mt-0.5 opacity-50">
                公司典型项目案例介绍
              </div>
            </div>
          </div>
          <div className="AIcard flex-1 rounded-xl border border-re-black p-3 flex">
            <img src={project} className="w-11 h-11 mr-1.5" alt="" />
            <div className="ml-2 text-sm text-left">
              <div>科研AI助手</div>
              <div className="text-xs mt-0.5 opacity-50">
                整合头部AI厂商的智能体建设平台私有化...
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};
export default ChatContent;
